import React,{PureComponent} from 'react'
import {View,StyleSheet,TouchableOpacity,Text,Dimensions,Image,Button,Platform} from 'react-native'
import {SpaceView} from '../Separator'


const {width} = Dimensions.get('window')

export default class DetailVideoHeaderView extends PureComponent{
    render(){
        return (
            <View style={styles.container}>
                <Text style={styles.title_text}>初中语文作业阅读高分方法</Text>
                <View style={{flexDirection:'row',alignItems:'center'}}>
                    <Text style={styles.time_text}>时间</Text>
                    <Text style={styles.time_text_}>2018-03-30  19:00 </Text>
                    <Text style={styles.time_kai_ke}>开课</Text>
                    <View style={styles.time_view}/>
                    <Text style={styles.time_ke_time}>8</Text>
                    <Text style={styles.time_ke_time_}>课时</Text>
                </View>
                <View style={{marginTop:15,flexDirection:'row'}}>
                    <Text style={styles.time_text}>老师</Text>
                    <View style={{marginLeft:39}}>
                        <View style={{flexDirection:'row'}}>
                            <Text style={styles.teach_name}>主讲老师：</Text>
                            <Text style={styles.teach_name}>黄彦文</Text>
                        </View>
                        <View style={{flexDirection:'row',marginTop:12,marginBottom:20}}>
                            <Text style={styles.teach_name}>辅导老师：</Text>
                            <Text style={styles.teach_name}>华生升</Text>
                        </View>
                    </View>
                </View>
            </View>
        )
    }
}
const styles = StyleSheet.create({
    container:{
        backgroundColor:'white',
    },
    header_image:{
       width: width,
        height:207,
    },
    title_text:{
      fontSize:20,
        marginLeft:12,
        marginTop:19,
        color:'#010101',
        marginBottom:15,
        fontWeight:'900',
    },
    time_text:{
        color:'rgba(1,1,1,0.5)',
        fontSize:12,
        marginLeft:12,
    },
    time_text_:{
        color:'rgb(0,0,0)',
        fontSize:13,
        marginLeft:39,
    },
    time_view:{
        backgroundColor:'rgba(0,0,0,0.2)',
        width:1,
        marginLeft:13,
        height:11,
    },
    time_kai_ke:{
        color:'rgb(0,0,0)',
        fontSize:12,
        marginLeft:9,
    },
    time_ke_time:{
        color:'rgb(0,0,0)',
        fontSize:13,
        marginLeft:11,
    },
    time_ke_time_:{
        color:'rgb(0,0,0)',
        fontSize:12,
        marginLeft:3,
    },
    teach_name:{
        color:'rgb(0,0,0)',
        fontSize:12,
    },
})